/*css 动画  */
@keyframes list-jting {
  0% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(10px);
  }
}

@keyframes shubiao {
  0% {
    /* opacity: 1; */
    -webkit-transform:  scale(1);
  }
  33% {
    /* opacity: 0.5; */
    -webkit-transform:  scale(1.1);
  }
  66% {
    /* opacity: 0.5; */
    -webkit-transform:  scale(1.15);
  }
  100% {
    /* opacity: 1; */
    -webkit-transform:  scale(1);
  }
}

@keyframes bannermove {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.05);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes banner-scroll {
  0% {
    transform: translateY(-15%) rotate(-90deg);
  }
  50% {
    transform: translateY(15%) rotate(-90deg);
  }
  100% {
    transform: translateY(-15%) rotate(-90deg);
  }
}

@keyframes whychose-yd {
  0% {
    transform: translateX(-100%);
  }
  33% {
    transform: translateX(-60%);
  }
  66% {
    transform: translateX(-30%);
  }
  100% {
    background: url(../images/index-information-inewarr2.png) no-repeat center;
    background-size: 100%;
    transform: translateX(0%);
  }
}

/* 文字滑出效果 */
/* animation: fadeInRight 1s forwards; */
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes index-one-height {
  from {
    height: 100%;
    /* transform: perspective(6.88rem) rotateY(0deg); */
  }
  to {
    height: 150%;
  }
}

@keyframes index-one-height2 {
  from {
    height: 150%;
  }
  to {
    height: 100%;
    /* transform: perspective(6.88rem) rotateY(-90deg); */
  }
}

@keyframes bounce {
  0% {
    transform: translate3d(0, 0, 0);
    text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
  }
  100% {
    transform: translate3d(0, -10px, 0);
    text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.35em;
  }
}

@keyframes aboutTwo-sb {
  0% {
    transform: translateY(-15%);
    opacity: 0;
  }
  50% {
    transform: translateY(15%);
  }
  100% {
    transform: translateY(-15%);
    opacity: 1;
  }
}

/* 旋转动画 */
@keyframes animtran {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}

@keyframes animtrans {
  from {
    transform: rotateZ(360deg);
  }
  to {
    transform: rotateZ(0deg);
  }
}

@-webkit-keyframes animtran {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}

@-webkit-keyframes animtrans {
  from {
    transform: rotateZ(360deg);
  }
  to {
    transform: rotateZ(0deg);
  }
}

@keyframes fang1 {
  0% {
    transform:translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform:translate(-50%, -50%) scale(1);
  }
}

@keyframes jump {0% {transform: translateY(8px)}to {  transform: translateY(-8px) }}

/* 旋转动画 */
@keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}
@-webkit-keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}
/* 全球布局 */
@-webkit-keyframes yunMove {
  0% {
    left: 0;
  }
  100% {
   left: -100%;
  }
}

@keyframes yunMove {
  0% {
    left: 0;
  }
  100% {
  	left: -100%;
  }
}


@keyframes scalemap {
	0% {
	  transform: scale(0.2);
	  opacity: 1;
	}
	100% {
	  transform: scale(1.5);
	  opacity: 0;
	}
  }
  @-moz-keyframes scalemap {
	0% {
	  transform: scale(0.2);
	  opacity: 1;
	}
	100% {
	  transform: scale(1.5);
	  opacity: 0;
	}
  }
  @-webkit-keyframes scalemap {
	0% {
	  transform: scale(0.2);
	  opacity: 1;
	}
	100% {
	  transform: scale(1.5);
	  opacity: 0;
	}
  }
  @-o-keyframes scalemap {
	0% {
	  transform: scale(0.2);
	  opacity: 1;
	}
	100% {
	  transform: scale(1.5);
	  opacity: 0;
	}
  }